.main{
	background: #333333;
	width: 100%;
}

.dialogbox{
	background: #EFF3E7;
	width: 30%;
	height: 800px;
	float: left;
	margin-left: 26%;
	margin-top: 3%;
}

.dialogboxhead{;
	position:relative;
}

.dialogboxhead:hover {
	background-color: #CDCDCD;
	cursor: pointer;
}

.dialogboxuname{
	position:absolute; 
	z-index:2; 
	left:10px; 
	top:10px;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.chatcontent{
	margin-top: 3%;
	margin-left: 2%;
	height: 60%;
}

.chatfunctional{
	background: #CDCDCD;
	height: 50px;
	line-height: 50px;
}

.chatli{
	float: left;
	margin-left: 5%;

}

.chatinput{
	min-width: 99.5%;
	max-width: 99.5%;
	min-height: 130px;
	min-height: 130px;
	outline:none;
	border:1px #EFF3E7 solid;
}

.chatsuban{
	background: #2959A5;
	width: 12%;
	height: 36px;
	color: #FFFFFF;
	border:1px #EFF3E7 solid;
	float: right;
	margin-top: 1%;
	margin-right: 1%;
}